let li = document.querySelectorAll('li'); // 获取li节点数组

// 遍历出li
li.forEach(cur => {
    let span = cur.children[0], // 获取span
        dl = cur.querySelectorAll('dl'); // 获取dl节点数组

    span.onclick = function () {
        // 如果存在dl执行
        if (dl.length) {
            let ddArr = dl[0].getElementsByTagName('dd'); // 获取dd数组

            // 隐藏其他二级菜单
            li.forEach(liItem => {
                if (liItem !== cur) {
                    liItem.querySelectorAll('dl').forEach((dlItem, idx, dlArr) => {
                        if (dlArr.length) {
                            dlItem.style.height = '';
                        }
                    })
                }
            });

            if (dl[0].style.height) {
                dl[0].style.height = '';
            } else {
                dl[0].style.height = `${ddArr.length * 50}px`;
            }
        }
    }
});